.call-system-wrapper {
  height: 98%;
  // min-height:500px;
  margin: 2px 8px;
  display: flex;
  flex-direction: column;
  border: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  overflow: auto;

  .btn-wrapper {
    padding-top: 4px;
    background: #fff;
    border-bottom: 1px solid #ddd;

    // margin-bottom: 5px;
    .btns {
      font-size: 13px;
      cursor: pointer;
      overflow: hidden;
    }

    .btns-ccc {
      color: #ccc;
    }

    .btns-text {
      margin-top: -2px;
      height: 20px;
      overflow: hidden;

      .anticon-down {
        color: rgb(24, 144, 255);
        vertical-align: middle;
      }
    }

    .btns-icon {
      font-size: 18px;
      color: rgb(24, 144, 255);
    }

    .btns-icon-ccc {
      color: #ccc;
    }

    .btns:hover {
      .btns-icon {
        color: rgb(45, 85, 216);
      }

      font-size: 13px;
      transition: all 0.2s;
    }

    .btns:active {
      animation: btns-transform 0.1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    }

    .field-prev,
    .field-next,
    .field-first,
    .field-last {
      position: absolute;
      z-index: 24;
      top: 4px;
      cursor: pointer;
      color: #40a9ff;
      background: #fff;
      width: 50px;
      line-height: 32px;
      box-shadow: 2px 2px 10px 2px #e0e0e0;
    }

    .field-first {
      right: 200px;
      font-weight: bold;
    }

    .field-prev {
      right: 140px;
    }

    .field-next {
      right: 80px;
    }

    .field-last {
      right: 20px;
    }

    //按钮制灰
    .btns-disable {
      color: #7f7d7d;

      .btns-icon {
        color: #7f7d7d;
      }

      .btns:hover {
        .btns-icon {
          color: #7f7d7d;
        }
      }

      .btns-text {
        color: #7f7d7d;

        .anticon-down {
          color: #7f7d7d;
        }
      }
    }
  }

  .content-research-wrapper {
    margin: 10px;
  }

  //加载中
  .loading-wrapper {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 25;
    color: #fff;
    // background: rgba(255, 255, 255, 1);
    background: rgba(0, 0, 0, 0.6);
  }

  .loading-content {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -28px;
    // margin-left: 100px;
    color: #fff;

    .ant-spin-dot {
      font-size: 60px;
    }

    .ant-spin-dot i {
      width: 30px;
      height: 30px;
      background: #fff;
    }
  }

  @media (max-width: 991.98px) {

    //小于
    .requisition-set-wrapper {

      .field-prev,
      .field-next,
      .field-first,
      .field-last {
        top: 4px !important;
      }
    }
  }

  @media (max-width: 768px) {
    .requisition-set-wrapper {

      .field-prev,
      .field-next,
      .field-first,
      .field-last {
        top: 4px !important;
      }
    }
  }

  @keyframes btns-transform {

    10%,
    90% {
      transform: (translate3d(-1px, 0px, 0));
    }

    20%,
    80% {
      transform: (translate3d(2px, 0px, 5px));
    }

    30%,
    50%,
    70% {
      transform: (translate3d(-4px, 0px, -8px));
    }

    40%,
    60% {
      transform: (translate3d(4px, 0px, 8px));
    }
  }

  .search-btn .ant-input {
    border: 1px solid #a0a0a0 !important;
  }
}
